<!--
 * @Description: 汽车首页搜索栏
 * @Author: xiao li
 * @Date: 2021-12-01 16:32:16
 * @LastEditTime: 2021-12-06 12:56:39
 * @LastEditors: xiao li
-->
<template>
  <div>
    <div class="flex-center fill-base pd-lg">
      <img
        class="logo-img mr-md"
        :src="o.data.logo[0].url"
        v-if="o.data.isShowLogo"
      />
      <div class="search-item flex-1 pl-lg flex-y-center radius">
        <div class="iconfont iconsousuo mr-sm"></div>
        <div class="f-caption">{{ o.data.placeholder }}</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'carSearch',
  props: {
    o: Object
  },
  data () {
    return {
      primaryColor: '#19c865',
      image: 'https://lbqny.migugu.com/admin/diy/default.png'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.logo-img {
  width: 80px;
  height: 33px;
}
.search-item {
  height: 33px;
  background: #f5f5f5;
}
</style>
